<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录页面</title>
    <!--BootStrap-->
    <link href="dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--EasyUI-->
    <link rel="stylesheet" href="dist/jquery-easyui-1.5/themes/default/easyui.css">
    <link rel="stylesheet" href="dist/jquery-easyui-1.5/themes/icon.css">
    <script src="dist/jquery-easyui-1.5/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="dist/js/bootstrap.min.js"></script>
    <script src="dist/jquery-easyui-1.5/jquery.easyui.min.js"></script>
    <script src="dist/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="dist/css/login.css">


</head>

<body class="easyui-layout">
    <div id="login">
        <form role="form">
            <div class="form-group loginform" style="margin-top:20px;">
                <label for="exampleInputEmail1">邮箱:</label>
                <input id="account" type="email" class="form-control easyui-validatebox" id="exampleInputEmail1" placeholder="Enter email" data-options="required:true,validType:'email'">
            </div>
            <div class="form-group loginform">
                <label for="exampleInputPassword1">密码:</label>
                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
            </div>
            <div class="form-group loginform">
                <button type="submit" class="btn btn-success">登录</button>
            </div>
        </form>
    </div>
    <script>
        $(function () {
            var wLeft = document.body.clientWidth - 500;
            $('#login').window({
                title: "用户登录窗口",
                left: wLeft + "px",
                top: "100px",
                modal: true,
                draggable: false,
                closable: false,
                closed: false,
                minimizable: false,
                maximizable: false,
                collapsible: false
            });
        });
    </script>
</body>


</html>